<!DOCTYPE html>
<html style="height: 100%;">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content="">
		<title>事业运势预测</title>
		<link rel="stylesheet" href="weui/lib/weui.min.css">
		<link rel="stylesheet" href="weui/css/jquery-weui.css">
		<link rel="stylesheet" href="weui/css/demos.css">
		<link rel="stylesheet" type="text/css" href="weui/css/cause.css"/>	
		  
	</head>

	<body style=" margin: 0">
         
    <div  class="container">
    	<div class="banner">
    		<img src="./images/banner3.png" alt="" width="100%" height="100"/>
    	</div>
    
		
		<div class="date">
			<div class="top">
				<div class="weui-flex">
			      <div class="weui-flex__item">哈哈哈 </div>
				</div>
				<div class="weui-flex">
				      <div class="weui-flex__item">出生时间：1984-02-25-7点</div>
				</div>
				<div class="weui-flex">
				      <div class="weui-flex__item">农历时辰：一九八四年 正月 廿二日   辰时</div>
				</div>
			</div>
			<div class="bottom">
				<div class="weui-flex">
			      <div class="weui-flex__item">乾 </div>
			      <div class="weui-flex__item">甲</br>子 </div>
			      <div class="weui-flex__item">丙</br>寅 </div>
			      <div class="weui-flex__item">丁</br>亥 </div>
			      <div class="weui-flex__item">甲</br>辰 </div>
				</div>
			</div>
			
		</div>
		
	
		<div class="chart" style="padding-bottom: 20px;">
			<div class="text">
			 	<div class="weui-flex">
			      <div class="weui-flex__item">哈哈哈】是身弱火命人 </div>
			     </div>
			    <div class="weui-flex">
			      <div class="weui-flex__item"> 五行喜：木、火 </div>
			     </div>
			     <div class="weui-flex">
			      <div class="weui-flex__item"> 忌五行：金、水、丑辰土</div>
			     </div>
			      <div class="weui-flex">
			      <div class="weui-flex__item"> 八字原局需要增补木火力量，则运势会更高。 运势行之金、水、土气场，则会运势变差。 </div>
			     </div>
		 		
		 	</div>
		 	<div style="width: 50%;margin: auto;text-align: center;margin-top: 1em;margin-bottom: 1em;background: #7581ef;">
			      <p style="font-size: 14px;color: #fff;padding: 3px 0px;">事业运势走势图 </p>
			</div>
			
			<div style="overflow: hidden;clear: both;width: 96%;margin-left: 4%;">
				<div  style="float: left;height: auto;">
					<ul>
						<li style="margin-bottom: 250%;margin-top: 10px;">顺境</li>
						<li style="margin-bottom: 200%;">上升</li>
						<li style="margin-bottom: 200%;">平稳</li>
						<li style="margin-bottom: 200%;">阻滞</li>
						<li >困境</li>
					</ul>
				
				</div>
				<div id="container" style="width: 90%; height: auto; margin: 0 auto;float: left;"></div>
			</div>
			
			
		 	
		 	<div style="width: 96%;margin: auto;">
    			 			
    			 				
				<h2 style="color: #323232;font-weight: normal;margin-bottom:10px ;">2018年事业运势预测</h4>
				<p style="color: #323232;">2018戊戌年：“雪影梅花添春色，鸟知时来报佳音”此年求财有利，求谋有成，时来运转，财利双收。  十神为正财：其表象范围大都与</p>
						    
    		</div>
		 	
		 	
			
			
		</div>
		
		<div class="weui-btn-area">
              <input class="weui-btn weui-btn_primary" type="submit" value="读书改善运势">
        </div>
        
        <div class="weui-btn-area">
            <input class="weui-btn weui-btn_primary" type="submit" value="预测不准，点这里">
         </div>
		
     <div class="footer"></div>

    </div>
    
 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
   <script src="https://code.highcharts.com/highcharts.js"></script>   
    
    
    <script language="JavaScript">
$(document).ready(function() {
	 var chart = {
      type: 'spline'      
   }; 
	var title= {
		text:null,
		};
   var xAxis = {
      categories: ['2013', '2014', '2015', '2016', '2017', '2018',
         '2019'],gridLineColor:'#ccc',gridLineWidth:1,lineColor:'#8ed2e7'
         
   };
  
   var yAxis = {

		tickInterval: 10,
   	 labels: {
                enabled: false
            },//
             title: {
                text: ''
            },
   	tickWidth:0,
     categories: [],
   };   

   var legend = {
      layout: 'vertical',
      align: 'right',
      verticalAlign: 'middle',
      borderWidth: 0,
      enabled: false
   };

  var plotOptions={
				spline: {
				}

		};

   var series =  [
      {
         name: '运势',
          type: 'spline',   
         data: [3,10,8,12,24,30,35]
      }, 

   ];
   var credits={
     enabled:false // 禁用版权信息
};

   var json = {};
	json.chart = chart;
   json.credits = credits;
   json.title = title;
   json.xAxis = xAxis;
   json.yAxis = yAxis;
json.plotOptions = plotOptions;
   json.legend = legend;
   json.series = series;

   $('#container').highcharts(json);
});


</script>

 </body>

</html>